<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="mine">
    <main class="mine-main">
        <!-- 个人信息 -->
        <section class="info">
            <div class="info-header">
                <a href="./mine_modify.html" class="pic">
                    <img src="../../assets/images/dog.jpg" alt="">
                    <span id="nickname"> 用户名</span>
                    <i>&gt;</i>
                </a>
            </div>
            <p>个性签名：XXXXXXXXXXXXX</p>
        </section>
        <!-- 运动数据  -->
        <section class="sports-data">
            <div class="sports-data-header">
                <a href="./mine_sports_data.html"><i class="iconfont icon-shujucanmou"></i>运动数据</a>
                <a href="./mine_sports_data.html"><i class="iconfont icon-youjiantou"></i></a>
            </div>

            <div class="sports-data-content">
                <div class="total-duration">
                    总运动
                    <p>
                        <span id="duration">999</span>分钟
                    </p>
                </div>
                <i></i>
                <div class="total-consumption">
                    本周消耗
                    <p>
                        <span id="calorie">
                            999
                        </span>千卡
                    </p>
                </div>
            </div>
        </section>
        <!-- 运动徽章 -->
        <section class="badge">
            <div class="badge-data-header">
                <a href="my_badge.html"><i class="iconfont icon-sharpicons_ribbon-"></i>我的运动徽章</a>
                <a href="my_badge.html"><i class="iconfont icon-youjiantou"></i></a>
            </div>
            <div class="badge-data-content">
                <img src="#">
                <img src="#">
                <img src="#">
            </div>
        </section>
        <!-- 退出按钮 -->
        <section class="exit">
            <button id="exitBtn">退出登录</button>
        </section>
    </main>
    <!-- 底部导航 tabber -->
    <nav class="tabbar"></nav>
</body>

</html>